﻿<%@ Page Language="C#" MasterPageFile="~/aspnet/testPargrameDir/site/en/Main.master"
    AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Test" %>
<asp:Content  ContentPlaceHolderID="head" runat="server" >
     <title>Amber Montessori School of Shanghai  </title>
</asp:Content>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="MainBodyContent">
    <script type="text/javascript">
        jQuery(function ($) {
            if ($(".slide-pic").length > 0) {
                var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
                var _titles = $("ul.slide-txt li");
                var _titles_bg = $("ul.op li");
                var _bodies = $("ul.slide-pic li");
                var _count = _titles.length;
                var _current = 0;
                var _intervalID = null;
                var stop = function () { window.clearInterval(_intervalID); };
                var slide = function (opts) {
                    if (opts) {
                        _current = opts.current || 0;
                    } else {
                        _current = (_current >= (_count - 1)) ? 0 : (++_current);
                    };
                    _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () {
                        _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
                        _bodies.removeClass("cur").eq(_current).addClass("cur");
                    });
                    _titles.removeClass("cur").eq(_current).addClass("cur");
                    _titles_bg.removeClass("cur").eq(_current).addClass("cur");
                };
                var go = function () {
                    stop();
                    _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);
                };
                var itemMouseOver = function (target, items) {
                    stop();
                    var i = $.inArray(target, items);
                    slide({ current: i });
                };
                _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go);
                _bodies.hover(stop, go);
                go();
            }
        });

    </script>
   <%=str %>
</asp:Content>
